<template>
  <div class="bangdanlist">
    <div>
      <span>{{title}}</span>
      </div>
      <van-swipe class="my-swipe" :loop="false" :width="280">
  <van-swipe-item><BangdanItme :data="listdata[0]"/></van-swipe-item>
  <van-swipe-item><BangdanItme :data="listdata[1]"/></van-swipe-item>
  <van-swipe-item><BangdanItme :data="listdata[2]"/></van-swipe-item>
  </van-swipe>
  </div>
</template>

<script>
import BangdanItme from './bangdanitme.vue'
export default {
    props:{
        title:String,
        listdata:Array
    },
    components:{
        BangdanItme
    }
}
</script>
<style scoped>
.van-swipe-item{
height: 1.75rem;
border-radius: .1rem;
overflow: hidden;
margin: auto;
}
.bangdanlist>div:nth-child(1){
width: 3.43rem;
height: 0.4rem;
margin: auto;
}
.bangdanlist>div:nth-child(1)>span{
    font-weight: bold;
    font-family: "微软雅黑";
    line-height: 0.4rem;
}
</style>